import themeStyles from "@/theme/compileFiles/cssVaribles.less";
export default {
  data() {
    return {
      lineChartsOptions: {
        grid: {
          left: 40,
          right: 40,
          bottom: 50,
        },
        legend: {
          icon: "rect",
          itemHeight: 14,
          itemWidth: 19,
          itemGap: 20,
          right: 40,
          top: 50,
          textStyle: {
            color: "#525A5D",
            fontSize: 14,
          },
        },
        tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "line",
            label: {
              backgroundColor: "rgba(0,0,0,0.6)",
            },
          },
        },
        color: [
          this.$themeVaribles["--echart-blue"],
          this.$themeVaribles["--echart-yellow"],
          this.$themeVaribles["--echart-green"],
          this.$themeVaribles["--echart-light-blue"],
          this.$themeVaribles["--echart-pale-red"],
          this.$themeVaribles["--echart-purple"],
          this.$themeVaribles["--echart-pink"],
          this.$themeVaribles["--echart-orange"],
        ],
        xAxis: {
          type: "category",
          boundaryGap: true,
          axisLabel: {
            color: themeStyles["--echart-text-color"],
            fontSize: "14",
            margin: 20,
          },
          axisTick: {
            length: 10,
            alignWithLabel: true,
          },
        },
        yAxis: {
          type: "value",
          axisLabel: {
            color: themeStyles["--echart-text-color"],
            fontSize: "14",
          },
          splitLine: {
            lineStyle: {
              type: "dashed",
            },
          },
        },
      },
    };
  },
  mounted() {},
};
